<template>
	<z-paging ref="paging" v-model="List" @query="queryList">
		<u-sticky>
			<hedsty :headCentext="'中奖人员'"></hedsty>
		</u-sticky>
		<view class="dange_box" v-for="(item,index) in List" :key="index">
			<view class="left_box">
				<image :src="item.avarat" mode="scaleToFill" />
			</view>
			<view class="center_box">
				<view class="t_box">昵称：{{ item.nickname }}</view>
				<view class="b_box">中奖时间：{{item.kj_at}}</view>
			</view>
			<view class="jiangpin_box">
				<view class="jiangimg_box">
					<image :src="item.image" mode="scaleToFill" />
				</view>
				<view class="jname_box">{{ item.title }}</view>
			</view>
		</view>
	</z-paging>
</template>
<script>
	import hedsty from '../../components/hedsty.vue'
	export default {
		components: {
			hedsty
		},
		data() {
			return {
				luckyId: '',
				List: []
			}
		},
		onLoad(e) {
			this.luckyId = e.id
		},
		onShow() {},
		methods: {
			queryList(pageNo, pageSize) {
				let data = {
					page: pageNo,
					limit: pageSize,
					id: this.luckyId
				}
				this.$Request.get(this.$api.user.luckDrawsDraw_zj_all, data).then(res => {
					if (res.code == 200) {
						this.$refs.paging.complete(res.data.data)
					}
				})

			},
		}
	}
</script>
<style lang="scss" scoped>
	.dange_box {
		width: 100%;
		height: 146rpx;
		border-bottom: 1rpx solid #890000;
		box-sizing: border-box;
		padding: 0 42rpx;
		display: flex;
		justify-content: space-between;
		align-items: center;

		.left_box {
			width: 110rpx;
			height: 110rpx;
			border-radius: 50%;

			image {
				width: 108rpx;
				height: 110rpx;
				border-radius: 50%;
			}
		}

		.center_box {
			width: 400rpx;
			height: 146rpx;
			box-sizing: border-box;
			padding-top: 26rpx;

			.t_box {
				width: 100%;
				height: 46rpx;
				font-family: Source Han Sans, Source Han Sans;
				font-weight: 500;
				font-size: 32rpx;
				color: #FFFFFF;
				line-height: 46rpx;
				font-style: normal;
				text-transform: none;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				margin-bottom: 10rpx;
			}

			.b_box {
				width: 100%;
				height: 40rpx;
				font-family: Source Han Sans, Source Han Sans;
				font-weight: 500;
				font-size: 28rpx;
				color: #FFFFFF;
				line-height: 40rpx;
				text-align: left;
				font-style: normal;
				text-transform: none;
			}
		}

		.jiangpin_box {
			width: 104rpx;
			height: 146rpx;
			box-sizing: border-box;
			padding: 20rpx;

			.jiangimg_box {
				width: 68rpx;
				height: 84rpx;
				border-radius: 0rpx 0rpx 0rpx 0rpx;
				margin: auto;
				margin-bottom: 6rpx;
				background-color: #fff;

				image {
					width: 68rpx;
					height: 84rpx;
				}
			}

			.jname_box {
				width: 100%;
				height: 28rpx;
				font-family: Source Han Sans, Source Han Sans;
				font-weight: 500;
				font-size: 20rpx;
				color: #FFFFFF;
				line-height: 28rpx;
				text-align: center;
				font-style: normal;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
				text-transform: none;
			}
		}
	}
</style>